<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="com.spring.gop.proj.model.User, java.util.List, java.text.SimpleDateFormat"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<% request.setCharacterEncoding("utf-8"); %>

<%-- <%
	User user = (User)session.getAttribute("user");
	String member_id = user.getMember_id();
	String member_name = user.getMember_name();
%> --%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>GOP</title>

<link type="text/css" rel="stylesheet" href="/spring-GOP/css/common.css">
<link type="text/css" rel="stylesheet" href="/spring-GOP/css/style.css">
<link id="MainpageStyle" type="text/css" rel="stylesheet" href="/spring-GOP/css/notice/style_80.css">
<link id="pageStyle" type="text/css" rel="stylesheet" href="/spring-GOP/css/notice/style_8030.css">

<!-- <script type="text/javascript" src="/GOP/js/common.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.js"></script>
<script src="/GOP/js/qna/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/GOP/js/qna/Request_QNA.js"></script> -->

<script src="http://code.jquery.com/jquery-1.8.0.js"></script>
<script type="text/javascript" src="/spring-GOP/js/common.js"></script>
<script type="text/javascript" src="/spring-GOP/js/jquery.validate.unobtrusive.min.js"></script>
<script type="text/javascript" src="/spring-GOP/js/qna/Request_QNA.js"></script>
<script>
/*************************************************************
designed selectbox
**************************************************************/
$(document).ready(function(){

/*************************************     designed selectbox     *************************************/
(function(){
var selectBoxList = $('.select-box select');
if(selectBoxList.length){
	$.each(selectBoxList,function(index, el){
		$(el).parent().css('background-position', ($(el).parent().width()-1)+'px 50%');
		try{
			$(el).parent().find('.selected-text').text($(el[el.selectedIndex]).text());
		} catch(err){alert(err);}
	});
	selectBoxList.bind('keypress change ready load',function(e){
		$(this).parent().find('.selected-text').text($(this[this.selectedIndex]).text());
	});
}

$('.select-box').bind('focusin',function(e){
	$(this).addClass('hover');
});
$('.select-box').bind('focusout',function(e){
	$(this).removeClass('hover');
});
})();


(function(){
var len =$('.mainTab > ul > li > .tab-title').length;
var _width = (990-(len*2))/len;
$('.mainTab > ul > li > .tab-title span').css('width', _width ); 

var line_width = _width*len+(len*2);

$('.mainTab > ul > li > .line').css('width', line_width );
})();

});
</script>
</head>
<!-- 새글 답변글 구분하는 코드 -->
<%-- <%
	int q_num=0, ref=1, step=0, depth=0;
		try{
			if(request.getParameter("q_num")!=null){
				q_num=Integer.parseInt(request.getParameter("q_num"));
				ref=Integer.parseInt(request.getParameter("ref"));
				step=Integer.parseInt(request.getParameter("step"));
				depth=Integer.parseInt(request.getParameter("depth"));
			}
%> --%>

<body>
	<form action="insert" method="post">
		<!--  //새로 추가한 부분   -->

		<!-- container -->
		<div id="container">
			<div id="content">
				<!-- <div> floating - 메인인 경우</div> -->
				<div id="main-shortCut">
					<div class="sub-main-section">
						<!-- 컨텐츠 작성 -->
						<div class="page-type3">
							<h2>
								<p>HELP DESK</p>
								Primus <span>고객센터</span>
							</h2>
						</div>
						<div class="listTab mainTab">
							<div class="ars">
								<strong>ARS : 1544-5522</strong>
								<p>상담원 연결 가능 시간 : 평일 오전 9시~오후 6시</p>
							</div>
							<ul style="height: 849px;">
								<li>
									<p class="line" style="width: 990px; display: none;"></p>
									<h3 class="tab-title">
										<a href="/spring-GOP/help/notice/list"><span
											style="width: 328px;">공지사항</span></a>
									</h3>
									<ul class="ul-tab main-tab tab-content" style="display: none;">
									</ul>
								</li>
								<li>
									<p class="line" style="width: 990px; display: none;"></p>
									<h3 class="tab-title">
										<a href="/spring-GOP/help/faq/list"><span style="width: 328px;">FAQ</span></a>
									</h3>
									<ul class="ul-tab main-tab tab-content" style="display: none;">
									</ul>
								</li>
								<li>
									<p class="line" style="width: 990px; display: block;"></p>
									<h3 class="tab-title on">
										<a><span style="width: 328px;">문의하기</span></a>
									</h3>
									<ul class="ul-tab main-tab tab-content" style="display: block;">
										<li class="t-head">
											<h4 class="tit-tab">문의하기</h4>
										
											<c:if test="${user.member_id == 'admin' }">
												<div class="notice-form">
													<p><a href="/spring-GOP/help/qna/qna_admin/list" class="button h30 w97 white"><b>관리자모드</b></a></p>
												</div>
											</c:if>
										</li>
										<li>
											<div class="listTab subTab">
												<ul>
													<li>
														<h5 class="tab-title on">
															<a href="/spring-GOP/help/qna/qna_user/insert" tabindex="0"><span>1:1
																	문의하기</span></a>
														</h5>
														<ul class="ul-tab sub-tab tab-content"
															style="display: block;">
															<li class="tab-cont tab-ac">
																<table width="100%" class="inquiry-table"
																	summary="이 표는 1:1 문의하기 정보를 제공하며 이름, 극장, 영화명, 관람일/인원, 제목, 내용, 이메일, 연락처로 구성되어 있습니다.">
																	<caption class="hide">1:1 문의하기 목록</caption>
																	<tbody>
																		<tr>
																			<th scope="row">이름</th>
																			<td>
																				<div class="input-box">

																					${user.member_name}
																					<div>
																						<span class="field-validation-valid"
																							data-valmsg-for="Title"
																							data-valmsg-replace="true"></span>
																					</div>
																				</div>
																			</td>
																		</tr>
																	</tbody>
																	<tr>
																		<th scope="row" class="inquiry-tit"><label
																			for="Title">*제목</label></th>
																		<td>
																			<div class="input-box">
																				<%if(request.getParameter("q_num")==null){ %>
																				<input class="input-box inquiry2" name="subject"
																					type="text">

																				<%}else{ %>
																				<input type="text" size="50" maxlength="50"
																					name="subject" value="[답변]" />
																				<%} %>

																				</p>
																				<div>
																					<span class="field-validation-valid"
																						data-valmsg-for="Title" data-valmsg-replace="true"></span>
																				</div>
																			</div>
																		</td>
																	</tr>
																	<tr class="inquiry-con inquiry-con2">

																		<th class="inquiry-con2-1" scope="row"><label
																			for="content">*내용</label></th>
																		<td class="inquiry-con2-2">
																			<p>html태그, 프로그램 소스 및
																				특수문자(~!\#$%^&amp;*\()\=+_&lt;&gt; 등)입력시 글이 게시되지
																				않습니다.</p> <textarea class="inquiry-content"
																				name="content"></textarea>
																			<div>
																				<span class="field-validation-valid"></span>
																			</div>
																		</td>
																	</tr>
																	<tr class="inquiry-mail">
																		<th scope="row"><label>*이메일</label></th>
																		<td>
																			<p>문의에 대한 답변이 메일로 전송되오니 정확한 메일 주소를 확인해주시기 바랍니다.</p>
																			<div class="input-box">
																				<label for="inquiry6" class="hide">이메일 주소를
																					선택하세요.</label> <span class="select-box inquiry6"
																					style="background-position: 126px 50%;"> <span
																					class="selected-text">선택하세요</span>
																					<select title="이메일 뒷주소를 선택하세요" id="ddlEmails" name="ddlEmails">
																						<option value="">선택하세요</option>
																						<option value="naver.com">naver</option>
																						<option value="Chol.com">Chol</option>
																						<option value="Dreamwiz.com">Dreamwiz</option>
																						<option value="Empal.com">Empal</option>
																						<option value="Freechal.com">Freechal</option>
																						<option value="Gmail.com">Gmail</option>
																						<option value="Hanafos.com">Hanafos</option>
																						<option value="Hanmail.net">Hanmail</option>
																						<option value="Hanmir.com">Hanmir</option>
																						<option value="Hitel.net">Hitel</option>
																						<option value="Hotmail.com">Hotmail</option>
																						<option value="Korea.com">Korea</option>
																						<option value="Lycos.co.kr">Lycos</option>
																						<option value="Nate.com">Nate</option>
																						<option value="Netian.com">Netian</option>
																						<option value="Paran.com">Paran</option>
																						<option value="Yahoo.com">Yahoo</option>
																						<option value="Yahoo.co.kr">Yahoo</option>
																						<option value="">직접입력</option>
																				</select>
																				</span> <label for="email1" class="hide">이메일 아이디 입력</label>
																				<input class="input-box inquiry4" id="Email1"
																					name="email1" type="text"> <span
																					class="field-validation-valid"
																					data-valmsg-for="Email1" data-valmsg-replace="true"></span>
																				<span class="and">@</span> <label for="email2"
																					class="hide">이메일 뒷 주소 입력</label> <input
																					class="input-box inquiry5" id="Email2"
																					name="email2" readonly="readOnly"
																					style="ime-mode: disabled" type="text"> <span
																					class="field-validation-valid"
																					data-valmsg-for="Email2" data-valmsg-replace="true"></span>
																			</div>
																		</td>
																	</tr>

																	<tr class="inquiry-tel">
																		<th scope="row"><label for="contactnum">*연락처</label></th>
																		<td>
																			<div class="input-box">
																				<span class="select-box inquiry7"
																					style="background-position: 59px 50%;"> <span
																					class="selected-text">010</span> <select
																					title="연락처 앞자리 번호를 선택" id="contactnum1"
																					name="contactnum1">
																						<option value="010">010</option>
																						<option value="011">011</option>
																						<option value="016">016</option>
																						<option value="017">017</option>
																						<option value="018">018</option>
																						<option value="019">019</option>
																						<option value="02">02</option>
																						<option value="051">051</option>
																						<option value="053">053</option>
																						<option value="032">032</option>
																						<option value="062">062</option>
																						<option value="042">042</option>
																						<option value="052">052</option>
																						<option value="044">044</option>
																						<option value="031">031</option>
																						<option value="033">033</option>
																						<option value="043">043</option>
																						<option value="041">041</option>
																						<option value="063">063</option>
																						<option value="061">061</option>
																						<option value="054">054</option>
																						<option value="064">064</option>
																				</select>
																				</span><span class="t1">-</span> <label for="contactnum2"
																					class="hide">연락처 중간자리 번호 입력</label> <input
																					class="input-box inquiry8" data-val="true"
																					data-val-required="연락처를 입력해주세요!" id="contactnum2"
																					maxlength="4" name="contactnum2"
																					onkeypress="onlyNumber(this);"
																					style="ime-mode: disabled" title="연락처 중간번호 입력"
																					type="text"> <span
																					class="field-validation-valid"
																					data-valmsg-for="contactnum2"
																					data-valmsg-replace="true"></span> <span class="t2">-</span>
																				<label for="contactnum3" class="hide">연락처
																					끝자리 번호를 입력</label> <input class="input-box inquiry9"
																					data-val="true" data-val-required="연락처을 입력해주세요!"
																					id="contactnum3" maxlength="4" name="contactnum3"
																					onkeypress="onlyNumber(this);"
																					style="ime-mode: disabled" title="연락처 끝번호 입력"
																					type="text"> <span
																					class="field-validation-valid"
																					data-valmsg-for="contactnum3"
																					data-valmsg-replace="true"></span>
																			</div>
																		</td>
																	</tr>
																	<tr>
																		<th scope="row" class="inquiry-tit"><label
																			for="Title">*패스워드</label></th>
																		<td>
																			<div class="input-box">
																				<input class="input-box inquiry2" name="pass"
																					type="password">
																			</div>
																		</td>
																	</tr>
																	</tbody>
																</table>
																<div class="inquiry-btn4">
																	<span>
																		<a href="document.referrer" class="button h29 w70 white"><b>취소</b></a>
																	</span>
																	<span>
																		<input type="submit" value="1:1 문의하기" class="button h29 w120 orange">
																	</span>
																</div>
															</li>
															<!-- tab-cont -->
														</ul>
													</li>
													<li>
														<h5 class="tab-title">
															<a href="/spring-GOP/help/qna/qna_user/insert1"><span>광고 및 제휴문의</span></a>
														</h5>
														<ul class="ul-tab sub-tab tab-content"
															style="display: none;">
															<!-- tab-cont -->
														</ul>
													</li>
													<li>
														<ul class="ul-tab sub-tab tab-content"
															style="display: none;">
															<!-- tab-cont -->
														</ul>
													</li>
												</ul>
											</div>
										</li>
									</ul>
								</li>
							</ul>
						</div>
						<!--//listTab mainTab-->

					</div>
				</div>
			</div>
		</div>
	</form>
<%-- 	<%
		} catch (Exception e) {
		}
	%> --%>
	</div>
</body>
</html>
